//普通办法使得html页面显示数据
// const http = require('http');
// const server = http.createServer();
// server.listen(3000,()=>{
//   console.log('小主，服务器已启动');
// });
// const fs = require('fs');
// const path = require('path');

// const obj = {name:'瑞文',word:'断剑重铸之日，骑士归来之时'};
// server.on('request',(req,res)=>{
//   res.sendFile = function(fpath){
//     fs.readFile(path.join(__dirname,fpath),'utf-8',(err,data)=>{
//       if(err){
//         console.log(err);
//         res.end('404 not found')
//       };

//       data = data.replace('{msg}',obj.word)
//       res.end(data);
//     });
//   }
//   const url = req.url;
//   console.log(url);
//   if(url === '/index'){
//     res.sendFile('view/index.html');
//   }else{
//     res.end('404 not found');
//   }
// });

//使用art-template 使得html显示数据
// const http = require('http');
// const server = http.createServer();
// server.listen(3000,()=>{
//   console.log('小主，服务器已启动');
// })
// const obj =  {name: "张三", age: 20, gender:"男"};

// const template = require('art-template');
// const path = require('path');

// server.on('request',(req,res)=>{
//   const url = req.url;

//   if(url === '/index'){
//     res.end(template(path.join(__dirname,'view/index.html'),obj));
//   }else{
//     res.end('小主，此网页不存在')
//   }
// })

// 使用 each 对数组进行变了 使用art-template 模板引擎显示数据
const http = require('http');
const server = http.createServer();
server.listen(3000,()=>{
  console.log('小主，服务已好');
});
const obj =  {name: "张三", age: 20, gender:"男"};
const data =[
  {id:1,name:"郭靖",skill:"射雕"},
  {id:2,name:"段誉",skill:"逃跑"},
  {id:3,name:"虚竹",skill:"生死符"}
]
// const list = {
//   data,
// }
const template = require('art-template');
const path = require('path');
server.on('request',(req,res)=>{
  const url = req.url;
  if(url==='/index'){
    let str = template(path.join(__dirname,'view/index.html'),obj);
    res.end(str);
  }else if(url === '/each'){
    //方法一：
    // let str = template(path.join(__dirname,"view/each.html"),list);
    //方法二：
    // let str = template(path.join(__dirname,"view/each.html"),{list:data});
    let str = template(path.join(__dirname, 'view', 'each.html'), {list: data});
    // let str = template(path.join(__dirname,"view/each.html"),{data});
    // console.log(str);
    // console.log({list:data});
    // console.log(typeof({data}))
    res.end(str);
  }else{
    res.end('小主，我找不到这个网页');
  }
})


// const http = require('http');
// const server = http.createServer();
// server.listen(3000, () => {
//     console.log('server running...');
// })

// const fs = require('fs');
// const path = require('path');

// //加载art-template模块
// //该模块是一个第三方模块，同样使用require方法来加载
// const template = require('art-template');

// // const obj = {name:"瑞文", type:"战士", word:"断剑重铸之日，骑士归来之时"};

// const data = [
//     {id:1, name:"郭靖", skill:"射雕"},
//     {id:2, name:"段誉", skill:"逃跑"},
//     {id:3, name:"虚竹", skill:"生死符"}
// ]

// //http://127.0.0.1:3000/index ==> index.html
// server.on('request', (req, res) => {
//     const url = req.url;

//     if (url === '/index') {
//         let str = template(path.join(__dirname, 'view', 'index.html'), obj);
        
//         res.end(str);

//     } else if (url === '/each') {
//         let str = template(path.join(__dirname, 'view', 'each.html'), {list: data});

//         res.end(str);

//     } else {
//         res.end('404 not found')
//     }
// })